@charset "gb2312";
/* CSS Document */
body { 
	font: 12px/20px '\5FAE\8F6F\96C5\9ED1', Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
}
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, a, span, i, b ,header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu {
	padding: 0; 
	margin: 0;
}
header,footer,section,article,aside,nav,hgroup,figure,figcaption { display:block; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td, a, span, i, em, b, p, label { 
	word-break: break-all; 
	word-wrap: break-word;
}
table { 
	border-collapse: collapse; 
	border-spacing: 0;
}
*, :focus { outline: none; }
input::-ms-clear{display:none;}
ol, ul, li { list-style: none outside; }
address, caption, cite, code, dfn, em, var { 
	font-weight: normal;
	font-style: normal; 
}
abbr, acronym, fieldset, img { 
	font-variant: normal; 
	border: 0; 
}
input, textarea, select { 
	font-family: '\5FAE\8F6F\96C5\9ED1'; 
	font-size: 12px; 
	font-weight: inherit; 
}
textarea { 
	font-family: '\5FAE\8F6F\96C5\9ED1'; 
	font-size: 12px; 
	resize: none;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { 
	padding: 0; 
	border: none;
}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { 
	display: table; 
	line-height: 0; 
	content: "";
}
.clearfix:after { clear: both; }
input {
	outline: none;
}
a { 
	cursor: pointer;
	outline: none;
	-webkit-touch-callout:none;
}
.fl,
.left-area,
.layout-left,
.col-sub,
.col-main { 
	float: left ; 
	*display: inline ;
}

.fr,
.right-area,
.layout-right,
.col-extra { 
	float: right ; 
	*display: inline ;
}
.fl-im { float: left !important; }
.fr-im { float: right !important; }
* {
	tap-highlight-color: rgba(255,255,255,0);
  -webkit-tap-highlight-color: rgba(255,255,255,0);
  -ms-tap-highlight-color: rgba(255,255,255,0);
}



html,
body {
	height: 100%;
	mine-height: 100%;
}
body {
	background: url(../images/quick-link-bg.jpg) no-repeat center 0 fixed;
}

.main-title {
	height: 72px;
	background-color: #fff;
	box-shadow: 0 3px 8px #639DD0;
	text-align: center;
}
.main-title span {
	display: inline-block;
	height: 72px;
	background: url(../images/icon-quick-link_03.png) left center no-repeat;
	padding-left: 40px;
	font-size: 16px;
	font-weight: bold;
	line-height: 72px;
}

.layout {
	width: 1000px;
	margin: 0 auto;
}
.link-item {
	width: 300px;
	height: 195px;
	text-align: center;
	position: relative;
	margin-top: 70px;
	border: 5px solid rgba(255, 255, 255,0.5);
	float: left;
	margin-right: 110px;
}
.link-item:hover {
	border: 5px solid rgba(64, 177, 237,0.8);
	box-shadow: 0 0 15px #333;
}
.link-item a {
	background-color: #fff;
	display: block;
	width: 300px;
	height: 195px;
}
.link-item h4 {
	font-size: 16px;
	position: absolute;
	width: 100%;
	bottom: 20px;
	left: 0;
	color: #333;
}
.link-wrap {
	padding-left: 130px;
}
.link-item img {
	display: block;
	position: relative;
	margin: 0  auto;
	top: 50%;
	transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	-moz-transform: translateY(-60%);
	-webkit-transform: translateY(-60%);
	max-width: 40%;
}
.add-btn {
	display: block;
	position: fixed;
	bottom: 80px;
	right: 80px;
	opacity: 0.7;
	cursor: pointer;
}
.add-btn:hover {
	opacity: 1;
}
.pop-setting {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	top: 0;
}
.pop-setting .mask {
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #000;
	opacity: 0.4;
}
.pop-setting .setting-inner {
	padding-top: 30px;
	width: 1000px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	background-color: #fff;
	height: 470px;
	z-index: 10;
	top: 72px;
}
.table-wrap { 
	position: relative;
	max-height: 360px;
	margin: 0  auto;
	width: 876px;
}
.table-box { 
	max-height: 360px;
	overflow: auto;
}
.table-box input {
	width: 170px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border: 1px solid #ccc;
	background: none;
	text-align: left;
	font-size: 14px;
}
.table-box .add-line {
	width: 28px;
	height: 28px;
	background-color: #3a4f5b;
	display: block;
	position: absolute;
	bottom: -28px;
	left: 50%;
	margin-left: -15px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 26px;
	text-align: center;
}
.table-box th {
	height: 40px;
	border-bottom: 2px solid #e2e7ec;
}
.table-box .delete {
	width: 21px;
	height: 21px;
	display: inline-block;
	background: url(../images/delete.jpg);
}
.table-box th,
.table-box td {
	text-align: center;
}
.table-box td {
	font-size: 14px;
	height: 66px;
	border-bottom: 1px solid #e2e7ec;
	color: #323b47;
}
.table-box .img-box {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	border: 1px solid #e2e7ec;
	width: 40px;
	height: 40px;
	position: relative;
	top: 3px;
	overflow: hidden;
}
.table-box .img-box img {
	width: 30px;
}
.insert-img {
	cursor: pointer;
	text-align: center;
	line-height: 33px;
	font-size: 40px;
	color: #e2e7ec;
}
.pop-setting .setting-inner .btn-box {
	height: 60px;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}
.pop-setting .setting-inner .btn-box a {
	display: inline-block;
	width: 82px;
	height: 36px;
	background-color: #01A6FF;
	color: #fff;
	text-align: center;
	line-height: 36px;
	margin: 0 4px;

}
.pop-setting .setting-inner .btn-box a.cancel-btn {
	color: #3A4F5B;
	background-color: #E9EDF2;
}


